<template>
  <div>
    <h1>son</h1>
    <h1>{{ $attrs.msg }}</h1>
    <h1>{{ $attrs.obj.name }}</h1>
    <!-- 
        事件的步骤:
        以click为例
        获取DOM绑定事件  事件名
        事件都会对应     回调函数
        触发事件        用户同页面进行交互点了一下


     -->
    <button @click="$listeners.zhuangzhuang">
      测试$listeners传递过来的事件
    </button>
  </div>
</template>

<script>
export default {
  //   props: ["msg"],
  mounted() {
    //this.$attrs访问的是父组件当中子组件标签上的属性，只包含没有被props接收的属性，class和style除外  v-bind  :
    // 自定义事件名和标签的属性名时不要使用哪些关键字

    console.log(this.$attrs);
    // this.$listeners子组件标签上的方法 v-on @
    console.log(this.$listeners);
  },
};
</script>

<style lang="scss" scoped>
</style>